/*-------------------------------------------------*/
/* =  15.Loader
/*-------------------------------------------------*/
#myloader {
  position: fixed;
  left: 0px;
  top: 0px;
 width: 100%;
  height: 100%;
  z-index: 9999;
  background: #ffffff;
  text-align: center;
}

#myloader .loader {
  display: inline-block;
  height: auto;
  position: relative;
  top: 50%;
  
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
		   display: flex;  /*采用flex布局*/
 justify-content:center; /*loading-box中的内容 水平居中*/
 align-items: center;    /*loading-box中的内容 垂直居中*/
}

.on{ font-weight:bold;}

/* This is a compiled file, you should be editing the file in the templates directory */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  
}

.pace.pace-inactive .pace-progress {
  display: none;
}

.pace .pace-progress {
  position: fixed;
  z-index: 20000;
  top: 50%;
  right: 50%;
  height: 5rem;
  margin-top:10px;
}

.pace .pace-progress:after {
  display: block;
  position: absolute;
  top: 0;
  right: -1rem;
  content: attr(data-progress-text);
  font-family: "ITCAvantGardeStd-XLtCn", sans-serif;
  font-weight: 100;
  font-size: 1rem;
  line-height: 1;
  text-align: center;
  color: #fdd000;
}


/************
 * loading
 ************/
 
 .loader{    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    line-height: 100vh;
    text-align: center;}
.loadingcontainer {
    display: inline-block !important;
    vertical-align: middle;
}

.loadingcontainer img{ width:66%; margin-top:-62px;   vertical-align: middle;}




/************
 * 页面样式
 ************/
/*=============
 * 基础默认样式
 =============*/

html{
	color: #5b5b5b;
	min-width: 320px;
	font-size: 100%;
	
	
}
:selection{
	background: #b3d4fc;
	text-shadow: none;	
}

ul,h1,h2,h3,p,div,dl,dt,dd,figure,figcaption{
	margin: 0;
	padding: 0;
}
li{list-style: none;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img{transition: all .5s;}
/*=============
 * 工具样式
 =============*/
.center-block{
	display: block;
	margin-right: 0;
	margin-left: 0;
}
.pull-right{
	float: right !important;
}
.pull-left{
	float: left !important; 
}

.text-right{
	text-align: right !important;
}
.text-left{
	text-align: left !important;
}
.text-center{
	text-align: center !important;
}

.hide{
	display: none !important;
}
.show{
	display: block !important;
}
.invisible{
	visibility: hidden;
}
.text-hide{
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.clearfix:after,.clearfix:before{
	content: '';
	display: table;
	  }
.clearfix:after{
	clear: both;
	}

*{box-sizing: border-box;}

/*=============
 * 浏览器更新提示
 =============*/
.browerupgrade{
	margin: 0;
	padding: 1rem;
	background: #ccc;
}

/*=============
 * 自定义页面样式
 =============*/
 /**/
 @font-face { 
font-family: 'ITCAvantGardeStd'; 
src: url('../fonts/ITCAvantGardeStd-BkCn.otf'); 
} 
 @font-face { 
font-family: 'MicrosoftYaHeiUILight'; 
src: url('../fonts/MicrosoftYaHeiUILight.otf'); 
} 
 @font-face { 
font-family: 'ITCAvantGardeStd-XLtCn'; 
src: url('../fonts/ITCAvantGardeStd-XLtCn.otf'); 
} 
 @font-face { 
font-family: 'ITCAvantGardeStd-Bold'; 
src: url('../fonts/ITCAvantGardeStd-Bold.otf'); 
}
 @font-face { 
font-family: 'ITCAvantGardeStd-DemiObl'; 
src: url('../fonts/ITCAvantGardeStd-DemiObl.otf'); 
}
 @font-face { 
font-family: 'ITCAvantGardeStd-DemiCn'; 
src: url('../fonts/ITCAvantGardeStd-DemiCn.otf'); 
}
 @font-face { 
font-family: 'ITCAvantGardeStd-DemiCnObl'; 
src: url('../fonts/ITCAvantGardeStd-DemiCnObl.otf'); 
}
 @font-face { 
font-family: 'ITCAvantGardeStd-Demi'; 
src: url('../fonts/ITCAvantGardeStd-Demi.otf'); 
}


.ITCAvantGardeStd-Bold {	font-family: 'ITCAvantGardeStd-Bold'}
/*加载定制字体end*/

@font-face { 
font-family: 'MicrosoftYaHei'; 
src: url('../fonts/MicrosoftYaHei.eot'); /* IE9 Compat Modes */ 
}
@font-face { 
font-family: 'MicrosoftYaHei'; 
src: url('../fonts/MicrosoftYaHei.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */ 
}
@font-face { 
font-family:'MicrosoftYaHei'; 
src: url('../fonts/MicrosoftYaHei.woff') format('woff'); /* Modern Browsers */ 
}
@font-face { 
font-family:'MicrosoftYaHei'; 
src:url('../fonts/MicrosoftYaHei.ttf') format('truetype');/* Safari, Android, iOS */ 
}

@font-face { 
font-family:'MicrosoftYaHei'; 
src:url('../fonts/MicrosoftYaHei.svg#MicrosoftYaHei') format('svg'); /* Legacy iOS */ 
}

body{
	
	line-height: 1.8;
	background: #efefef;
/*	font-family: 'Microsoft YaHei','微软雅黑','Microsoft JhengHei','华文细黑','ITCAvantGardeStd','STHeiti','MingLiu','PingFang SC','Helvetica','Arial','黑体';
*/		font-family: "Microsoft YaHei","Heiti SC","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial","sans-serif";

	font-weight:300;
	overflow:-Scroll;overflow-x:hidden;

}


a{
	color: #666;
	text-decoration: none;
	transition: all .4s; 
}
a:active,a:hover{
	color: #FBC600;
	text-decoration: none;
}

.containerbox{ width: 100%; max-width:1440px;background: #fff; margin: 0 auto; overflow:hidden;}
.container{ width: 94%; max-width:1340px; margin: 0 auto; padding: 0 1rem; }

.navbar{
	background:#232326;
	height:5em;
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
	overflow: hidden;
	position: fixed;
	z-index: 30;
	left: 0;
	top: 0;
	width: 100%;
}

.logo img {
    max-height: 50px;
    width: auto;
    margin-top: .8rem;
}
.nav{text-align: right; font-size: 0;}
.nav li{ display: inline-block; font-size: 0.85rem; }
.nav li a{ display: block; line-height: 5rem; height: 5rem; padding: 0 1.5rem; color:#fff; font-family:"Microsoft YaHei","PingHei","Helvetica Neue","Helvetica";  font-weight:200;
}
/*定格颜色*/
.nav li > a.on,
.nav li > a:hover { color:#FCD000}

.ad{
	text-align: center;
	margin-top: 5rem;
}
.ad .item{ font-size: 0;background: #232326;}
.ad .item img{ width:100%}
.owl-theme .owl-controls{ margin-top: -45px !important;}

/*共公标题*/
.title{ padding-top: 3rem; margin-bottom: 2rem; text-align: left; padding-bottom: 1rem; }
.title h1{ font-size: 3rem; line-height:3rem; font-weight: bold; font-family:"ITCAvantGardeStd-Bold" }
.title h2{ font-size: 1.875rem; font-weight: 400; padding-bottom: .5rem; border-bottom: 1px #f6f6f6 solid;}
.title p{ color: #999; padding-top: .5rem;}




.sy-about{  padding: 0; color: #5b5b5b;}
.sy-abtxt{ width: 75%; background: #efefef; padding:4.375rem 2.375rem 4.375rem 6.375rem ; margin-top:4rem;}
.sy-abwelbox{ display:block; width: 25%; }


.sy-abwel h1{      font-size: 2.25rem;
    line-height: 3rem; padding-bottom: .5rem; padding-top: .5rem;
   color:#fdd000; background:#232326; display:block; float:left; width:80%; text-align:center; font-family:"ITCAvantGardeStd-Bold"}
	
	.sy-abwel h2{      font-size: 1.15rem;
    line-height: 1.5rem; padding-bottom: .25rem; margin-top: 2rem; padding-top: .25rem;
    font-weight: 100; color:#fff; background:#5b5b5b; display:block; float:left; width:20%; text-align:center}
	
.ny-abwelbox{ display:block; width: 100%; }
	
.ny-abwel h1{      font-size: 2.25rem;
    line-height: 3rem; padding-bottom: .5rem; padding-top: .5rem;
   color:#fdd000; background:#232326; display:block; float:left; padding:0.5rem 5.12rem; text-align:center; font-family:"ITCAvantGardeStd-Bold"}
	
	.ny-abwel h2{      font-size: 1.15rem;
    line-height: 1.5rem; padding-bottom: .25rem; margin-top: 2rem; padding-top: .25rem;
    font-weight: 100; color:#fff; background:#5b5b5b; display:block; float:left;padding: .25rem 2rem; text-align:center}
	

	
	.sy-abwel-bottom{ margin-top: 27.5rem; margin-left:2rem;}

.sy-abtxt h1{      font-size: 3rem;
    line-height: 3rem; padding-bottom: .5rem;
     font-family:"ITCAvantGardeStd-Bold"}

.sy-abtxt h2{ font-size: 1.5rem; padding-bottom: .5rem;font-weight: 400;}
.sy-abtxt p{  padding-top: .5rem;}

.service-list{ font-size: 0; padding-bottom: 2rem;}
.service-list li{padding:0 1rem; font-size: 1rem; text-align: center;  margin-top: 0rem; }
.service-list h3{ font-size: 1.5rem; font-weight: 400;  margin-top: 0rem;}
.service-list i{ font-size:7rem;transition: all .4s;transform: rotate(0deg);}
.service-list li p{ font-size: 0.875rem; color: #999;}
.service-list li:hover i{
	color: #F13A3A;
}
.ab-btn{ text-align: center;}
.ab-btn a{ display: inline-block; height:2.125rem; margin-top: 2rem; min-width: 24%;
    padding: 0 20px; line-height: 2.125rem; border:1px  solid #fff; color: #fff;text-align: center;}
.ab-btn a:hover{ background: #fdd000; border:1px  solid #fdd000; color: #232326;}

.case-box{ 
	padding-bottom: 3rem;
}
.case-box .title{ text-align:center
}
.case-box .title h2{ border-bottom:0 
}
.case-box .case-box-more {text-align:center}

.case-btn{ text-align: center;}
.case-btn a{ display: inline-block; height:2.125rem; margin-top: 2rem; margin-bottom: 2rem; width: 14%;  line-height: 2.125rem;     background: none;
    border: 1px solid #232326;
    color: #232326; text-align: center;}
.case-btn a:hover{ background: #fdd000; border:1px  solid #fdd000; color: #232326;}



.ff-list{
}
.ff-list li{
	clear: both;
    display: inline-block;
    position: relative;
    overflow: hidden;
    float: left;
    margin-bottom: 3.75rem;
    width: 100%;  

}

.ff-list li .IMGBOX{     position: relative; width:68%;  overflow: hidden;	  background: #232326;


}

.ff-list li  .IMGBOX img{ width: 100%;max-width: 100%;vertical-align: top;display:block;}

.ff-list li .TEXTBOX{    position: relative; width:32%;    overflow: hidden; padding:3rem;   background: #232326; padding-bottom:320px; margin-bottom:-320px;
}

.ff-list li .TEXTBOX h1{display:block; color:#F3C800; font-size:1rem;   font-family:"ITCAvantGardeStd-Bold" }
.ff-list li .TEXTBOX h2{ color:#C9CACA; font-size:1.5rem; margin-bottom: 1rem;   font-weight: 100;  }
.ff-list li .TEXTBOX p{ display:block; color:#9FA0A0; font-size:0.875rem;  margin-bottom: 0rem;    }
.ff-list li .TEXTBOX span{  display:block;color:#9FA0A0; font-size:0.75rem;     position: absolute;
    bottom: 1rem; }
.ff-list .tabox{   position: absolute;bottom: 2%;
    left: 2%;
    font-size: 0.75rem;
	width:30%;
	color:#9FA0A0;
	display:block
}
.ff-list .taboxright{   position: absolute;bottom: 2%;
    right: -3%;
    font-size: 0.75rem;
	width:32%;
	color:#9FA0A0;
		display:block;


}

.ff-list .taboxright ul { width:80%; display:flex; position:relative;}
.ff-list .taboxright li {
    float: left;
    text-align: left;
    display: inline;
		min-width:24%;
    width: auto;
    overflow: hidden;
    clear: none;	margin-bottom:1.25rem;
	    flex: 1 1 auto;
		width:33%

	
}


.ff-list .taboxright li:nth-of-type(1){ margin-left:.7rem; white-space: nowrap;}

.ff-list .tabox ul {  width:90%; display:flex; position:relative;}
.ff-list .tabox li {
    float: left;
    text-align: left;
    display: inline;
		min-width:24%;

    width: auto;
    overflow: hidden;
    clear: none;
	margin-bottom:1.25rem;
	    flex: 1 1 auto;
		width:33%

}
.ff-list .tabox li:nth-of-type(1){ margin-left:1.5rem; white-space: nowrap;}

.ff-list li a:hover img{ filter:alpha(opacity=30);   -moz-opacity:0.3;   -khtml-opacity: 0.3;   opacity: .3; transform: scale(1.1,1.1);}
.ff-list li a:hover .fa-txt{ display:block;  filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;  opacity: 1; font-size: 0.9rem;    font-family:"ITCAvantGardeStd-Bold" }
.fa-txtover{ display:block; filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1; font-size: 0.9rem;    font-family:"ITCAvantGardeStd-Bold" }
.oursevice-box{ padding-bottom: 3rem;}
.oursevice-box .title {
    text-align: center;
}
.oursevice-list{ font-size: 0;}
.oursevice-list li{ float:left; font-size: 1rem; text-align: center;  margin-top: 0rem;    width: 33.33%;    background:#5B5B5B;
    padding: 8rem  3rem;
    color: #fff;

	}
	.oursevice-list .libg1{ float:left; font-size: 1rem; text-align: center;  margin-top: 0rem;    width: 33.33%;    background:#4A4A4A;
    color: #fff;

	}	

	
	
.oursevice-list .libg2{ float:left; font-size: 1rem; text-align: center;  margin-top: 0rem;    width: 33.33%;    background:#8A8A8A;
    color: #fff;

	}	
	
.oursevice-list .libg{ float:left; font-size: 1rem; text-align: center;  margin-top: 0rem;    width: 33.33%;    background:#232326;
    color: #fff;

	}	
	
	
	

.oursevice-list li i{font-size:7rem;transition: all .4s;}
.oursevice-list li h3{ font-size: 3rem; color: #F13A3A; margin-top: -1rem;}
.oursevice-list li p{ color: #999;}
.oursevice-list li:hover i{
	 color: #F13A3A;
}

.brand-box{ 
	background: url("../img/ban.jpg") center top; background-attachment: fixed; background-size: cover; 
}
.brand-box .box1{padding: 4rem 1rem;max-width: 75rem; margin: 0 auto; }
.brand-box h2{text-align: center; color: #fff; font-size: 2rem; background: rgba(0,0,0,.4); padding: 1rem 0;}
.brand-box h2 span{ color: #F13A3A; font-size: 3rem;}
.brand-box h2 strong{ display: block;}
.customers-list .item{ position: relative; margin: 0 .5rem; overflow: hidden;}
.customers-list .item img{ width: 100%; height: auto; display: block;}
.customers-box{padding-bottom: 3rem;}
.customers-box .title { text-align:center}
.customers-list .item .name-t{ background: #fff; height: 3rem; line-height: 3rem; text-align: center;box-shadow: 0 2px 6px #000;}
.customers-abs{ text-align: center; position: absolute;left: 0; top: 0; bottom: 3rem; right: 0; background: rgba(0,0,0,0);transition: all .4s; }
.customers-abs h3{ padding-top: 40%;color: hsla(0,0%,100%,0); font-size: 3rem; font-weight: 400;transition: all .4s; }
.customers-abs p{color: hsla(0,0%,100%,0);transition: all .4s; font-size: 2rem; }
.customers-list .item a:hover .customers-abs{background: rgba(0,0,0,.8);}
.customers-list .item a:hover .customers-abs h3{color: hsla(0,0%,100%,1); font-size: 1.5rem;}
.customers-list .item a:hover .customers-abs p{color: hsla(0,0%,100%,1);font-size: 1rem;}

.sjzt-pc-responsibility {
    border: 1px solid #EFEFEF;
	border-bottom:0
}
.sjzt-pc-responsibility .item-bock {
width: calc(16.6666%);
    padding: 20px;
    border-right: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    float: left;
}
.sjzt-pc-responsibility .item-bock .img {
    position: relative;
    width: auto;
    max-width: 100%;
    overflow: hidden;    margin: 0 auto; text-align:center;
}
.sjzt-pc-responsibility .item-bock .img img {
    position: relative;
    width: auto;
    max-width: 100%;
    overflow: hidden;    margin: 0 auto;
}


.sjzt-pc-responsibility .item-bock:nth-of-type(6n) {
border-right: 0;}
.sjzt-pc-responsibility .item-bock .img .img-content {
    width: 358px;
    height: 200px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.6);
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
    padding: 20px;
}
.sjzt-pc-responsibility .item-bock .img .img-content h4 {
    color: #fff;
    font-size: 18px;
    line-height: 1;
    border-bottom: 1px solid #fff;
    padding-bottom: 18px;
    margin-bottom: 18px;
}.sjzt-pc-responsibility .item-bock .img .img-content p {
    color: #fff;
    font-size: 12px;
    line-height: 24px;
}

#owl-demo2 .owl-controls{ margin-top: 1.5rem !important;}
#owl-demo3 .owl-controls{ margin-top: .5rem !important;}
.line-box{width: 1px; margin-left: 50%; background:#9f9f9f; /*height:12rem;*/height:0rem; margin-top:3rem;}



.lx-box{ display: block;    margin-top: 0rem;}
.lx-box-index{ display: block;    margin-top: 0rem;}
.lx-list{ font-size: 0; border-bottom:1px #4d4d4e solid; margin-bottom:2REM;text-align:left;    padding-bottom: 3rem;}
.lx-list li{ display: inline-block; border:0px #ddd solid; font-size: 1rem; vertical-align:top}
.lx-list .liw1{ display: inline-block; width: 40%; border:0px #ddd solid; font-size: 1rem;}
.lx-list .liw2{ display: inline-block; width: 26%; border:0px #ddd solid; font-size: 1rem;}
.lx-list .liw3{ display: inline-block; width: 34%; border:0px #ddd solid; font-size: 1rem;}
.lx-list li + li{/* margin-left: 1rem; */}
.lx-list li h1{  /*font-size: 1.375rem; */display:block; text-align:left; color:#fff;   font-family:"ITCAvantGardeStd-Bold" }
.lx-list li .dafter {
    content: '';
    left: 0%;
    width: 34px;
    margin-left: 0px;
    height: 4px;
	margin:2rem 0;
    background: #fdd000;
}





.lx-list li i{  font-size: 3rem; padding: 0 1rem; }
.lx-list li p{ padding-top: 1rem; text-align:left; font-size: 0.875rem;}
.lx-list li p span{ display: block; font-size: 0.875rem; color: #999; }
.lx-list li p span ul{  }
.lx-list li span li {
    display: inline-block;
    border-left: 1px solid #868688;
    border-top: 0px;
    border-bottom: 0px;
    font-size: 1rem;
    text-align: center;
   /* width: 90px;*/ padding: 0 1.5rem;
/*	*/  width: calc(100%/4 - 0.5rem);
position:relative;
	
}

.lx-list li span .lifirst {
    display: inline-block;
    border-left: 1px solid #868688;
    border-top: 0px;
    border-bottom: 0px;
    font-size: 1rem;
    /* padding: 0 10px 0 20px; */
    text-align: center;
}

.lx-list li span .lilast {
    display: inline-block;
    border-left: 1px solid #868688;
    border-right: 1px solid #868688;
    border-top: 0px;
    border-bottom: 0px;
    font-size: 1rem;
    /* padding: 0 10px 0 28px; */
    text-align: center;
}
.lx-box-width { padding:0 1rem}
.topmenu-box-width { padding:0 1rem}

.footer{
	background: #232326;
	padding: 2rem 0;
	color: #fff;
	font-size: 0.875rem;
	text-align: center;
}
.footer a {
		padding: 2rem 0;
color: #fff;
	font-size: 0.875rem;
	text-align: center;
}

.footer .footerleft{ width:100%; float:none;}
.footer .footerright{ width:100%; float:none;}
.footer .footerright1{ width:100%; float:none; display: block;}
.footer .footerright2{ width:100%; float:none; display:none;}


.lx-list li span .item1:hover .urcode {
    bottom: 140%;
    display: block;
}
.lx-list li span .item1 .urcode {
    width: 250px;
    height: 250px;
    background-color: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 4px 6px #323436;
    margin-left: -130px;
    bottom: 180%;
    left: 50%;
    display: none;
}

.lx-list li span .item1 .urcode:after {
    width: 0;
    height: 0;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    margin-left: -4px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 100%;
    content: '';
}


.lx-list li span .item2:hover .qrcode {
    bottom: 140%;
    display: block;
}
.lx-list li span .item2 .qrcode {
    width: 250px;
    height: 250px;
    background-color: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 4px 6px #323436;
    margin-left: -135px;
    bottom: 180%;
    left: 50%;
    display: none;
}

.lx-list li span .item2 .qrcode:after {
    width: 0;
    height: 0;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    margin-left: -4px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 100%;
    content: '';
}


.lx-list li span .item3:hover .wrcode {
    bottom: 140%;
    display: block;
}
.lx-list li span .item3 .wrcode {
    width: 250px;
    height: 250px;
    background-color: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 4px 6px #323436;
    margin-left: -130px;
    bottom: 180%;
    left: 50%;
    display: none;
}

.lx-list li span .item3 .wrcode:after {
    width: 0;
    height: 0;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    margin-left: -4px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 100%;
    content: '';
}

.lx-list li span .item4:hover .drcode {
    bottom: 140%;
    display: block;
}
.lx-list li span .item4 .drcode {
    width: 250px;
    height: 250px;
    background-color: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 4px 6px #323436;
    margin-left: -130px;
    bottom: 180%;
    left: 50%;
    display: none;
}

.lx-list li span .item4 .drcode:after {
    width: 0;
    height: 0;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    margin-left: -4px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 100%;
    content: '';
}


.trans {
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}
.absolute {
    position: absolute;
    z-index: 9999;
}





.b-nav{ padding: 1rem 0; text-align: center; border-top: 1px #313a43 solid;}
.b-nav a{ display: inline-block; padding: 0 2rem; color: #8b939d;}
.b-nav a:hover{ color: #FBC600;}

.page{ padding: 3rem 1rem;}
.page-tit{ text-align: center; font-size: 1.75rem; font-weight: 400;}
.sub-list{ text-align: center; padding-top: 1rem; border-bottom: 1px #dfdfdf solid; padding-bottom: 1.5rem;  font-size: 0;}
.sub-list li{ display: inline-block; font-size: 1rem;}
.sub-list li a{ display: inline-block; padding: .3rem 2rem;    border: 1px solid #dfdfdf; margin: 0 0.5rem; border-radius: 5rem;}
.sub-list li a:hover,.sub-list li.active a{ background: #FBC600; color: #fff;border-color: #FBC600;}

.al-list{ padding-top: 2rem; font-size: 0;}
.al-list li{ display: inline-block; width: 25%; position: relative; transition: all .4s;}
.al-abs{text-align: center;  position: absolute; 
background: rgba(0,0,0,0); z-index: 10; left: 0;top: 0; bottom: 0; right: 0;
 border: 10px solid hsla(0,0%,100%,0);background-clip: padding-box;transition: all .4s;}
.al-abs span{transition: all .4s ease .2s; position: absolute; left: 50%;font-size: 2rem; top: 50%; transform: translate(-50%,-50%); width: 100%; color: hsla(213,0%,100%,0);}
.al-list li a{ display: inline-block; overflow: hidden;}
.al-list li:hover img{ transform: scale(1.2,1.2);}
.al-list li:hover .al-abs{background: rgba(0,0,0,.6);border: 10px solid hsla(0,0%,100%,.5) }
.al-list li:hover span{color: hsla(213,0%,100%,1);font-size: 1rem;}

.page-ajax{ text-align: center;}
.page-ajax a{ font-size: 1rem; display: inline-block; padding: 1rem 2rem 1rem; position: relative;}
.page-ajax a:hover{ color: #FBC600;}
.page-ajax a i{ display: inline-block;}
.page-ajax a i:after{
	content: '';
	border: 5px solid transparent;
	border-top-color: #666;
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -5px;	
}
.page-ajax a:hover i:after{ border-top-color: #FBC600;}

.al-tit{ padding: 2rem 0 1rem; text-align: left;}
.al-tit h1{ font-size: 1.75rem;font-weight: 400;}
.al-tit h1 span{ display: inline-block; margin-left: 1rem; font-size: 0.875rem; color: #999; }
.al-dbox{ padding-top: 2rem;}

.l-box{
	width: 73%;
    background: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,.1);
    padding: 1.5rem;
}

.r-box{
	    background: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,.1);
    padding: 1.5rem;
    width: 25%;
}
.r-box .al-list li{ width: 100%;}


.product-title {
    font-size: 1rem;
    line-height: 1.875;
    font-weight: 400;
    border-bottom: 1px solid #e4eaec;
    padding: 0 0 .5rem 1rem;
    position: relative;
}
.product-title:before{
	content: '';
	 width: 7rem;
	 height: 2px;
	 background: #333;
	 position: absolute;
	 left: 0;
	 bottom: -1px;
}

.text-box{ padding-top: 1rem; font-size: .875rem;}
.xm-mx{ padding-top: 1rem;}
.mt1{ margin-top: 1rem;}

.new-list{ }
.new-list li{color: #666;  padding: 1.5rem 0; border-bottom: 1px #ddd solid;}
.new-list li span{ margin-right: 1rem; color: #666; text-align: center; background: #f2f2f2;  float: left; width: 5.25rem; height: 5.25rem;}
.new-list li span strong{ font-size: 1.5rem; padding-top: 1rem;}
.new-list li p{ font-size: .875rem; height: 3.125rem; overflow: hidden;}
.new-list li a{padding-bottom: .3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 1.125rem; color: #333; display: block;}
.new-list li a:hover{ color: #FBC600;}

.n-title{ padding-bottom: 1.2rem; border-bottom: 1px #DFDFDF solid; text-align: center;}
.n-title h1{ font-size: 2rem; font-weight: 400;}
.n-title .inf{ color: #999; font-size: .875rem;}

.news-txt{ padding-top: 1.5rem; font-size: 0.875rem;}
.news-txt img{ display: inline-block; margin: .5rem auto;}

.ab-txt .value-box{ background-attachment: inherit; background-size:cover;}
.txt01{ max-width: 40rem; margin: 2rem auto; text-align: center; font-size: .875rem; line-height: 2rem;}

.map{ margin: 2rem 0;}
.nav-logo{ position: absolute;display: none;}
.nav-logo span{ width:30px; height: 4px; background: #333; display: block; margin-bottom: 6px;}

.mobile-nav{ height: 100%; background: #242424; position: fixed; right: -200px; top: 3.25rem; width: 200px; overflow: hidden; display: none ;}
.mobile-nav ul{ padding: 15px 0;}
.mobile-nav a{ display: block; border-bottom:1px #666 solid; height: 40px; line-height: 40px; padding-left: 5px; color: #fff; padding: 0 25px; font-size: 15px;}
.mobile-nav a:active{ background: #fff; color: #242424;}


/*scrollbar*/
.scroll-wrapper::-webkit-scrollbar {
	width: 8px
}

::-moz-selection {
	background: #1b1b1b;
	color: #aaa
}

::selection {
	background: #1b1b1b;
	color: #aaa
}

::-webkit-scrollbar {
	width: 8px
}

::-webkit-scrollbar-track {
	background: #fff
}

::-webkit-scrollbar-thumb {
	background: #1b1b1b
}

::-webkit-scrollbar-thumb:window-inactive {
	background: #1b1b1b
}

::-webkit-scrollbar-thumb:vertical:hover {
	background: #1b1b1b
}

/*bottom more icon*/

.icon-user {
    background: url(../img/men_icon.png) no-repeat;
    width: 46px;
    vertical-align: middle;
    display: inline-block;
    height: 46px;
    line-height: 46px;
    margin: 0 auto;
}
.icon-weixin {
    background: url(../img/wx_icon.png) no-repeat;
    width: 46px;
    /* margin: 0 10px; */
    vertical-align: middle;
    display: inline-block;
    height: 46px;
    line-height: 46px;
    margin: 0 auto;
}
.icon-weibo {
    background: url(../img/wb_icon.png) no-repeat;
    width: 46px;
    vertical-align: middle;
    display: inline-block;
    height: 46px;
    line-height: 46px;
    margin: 0 auto;
}
.icon-dyin{ background: url(../img/dy_icon.png) no-repeat;
    width: 46px;
    /* margin: 0 10px; */
    vertical-align: middle;
    display: inline-block;
    height: 46px;
    line-height: 46px;
    margin: 0 auto;
}



/*event*/
.icon-view{ background:url("../img/com_icon.png") no-repeat; background-position:-42px -6px; width:174px; margin:0 10px;     vertical-align: middle;display: inline-block;  height:42px; line-height:42px; margin:0 auto; display:block; clear:both;transform: scale(0.8,0.8);}
.fa-txt{
	font-size: 1.6rem;
	position: absolute;
	z-index: 10;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #fdd000;
	 filter:alpha(opacity=0);   -moz-opacity:0;   -khtml-opacity: 0;  
	opacity: 0;
	transition: all .4s;
	    text-align: center;
		font-weight:bold;
}
.fa-txt3{
	font-size:  1.6rem;
	position: absolute;
	z-index: 10;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #fdd000;
	    margin-left: -35px;
		 filter:alpha(opacity=0);   -moz-opacity:0;   -khtml-opacity: 0;  
	opacity: 0;
	transition: all .4s;
	    text-align: center;
}
.fa-txt2{
	position: absolute;
	z-index: 10;
	left: 5%;
	bottom: 5%; filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;  
	opacity: 1;
	transition: all .4s;
	    text-align: left;
}

.fa-txt2 h1{ font-size:19px; color:#fff; font-weight:bold;}
.fa-txt2 h2{ font-size:19px; color:#fff; font-weight:bold;}
.fa-txt2 .time{ font-size:15px; color:#fff; font-weight:100;}



.tab {
    margin: 32px auto;
    background:none;
	}
.tab .list > li {
    float: left;
}
.tab .list > li  {
    display: block;
    padding: 6px 0;
    text-align: center;
}

.tab .list > li .box {
	    display: block;
    padding: 0 0.8rem 0 0;
    text-align: left;
    font-size: 1rem;
}

.search {
    width: auto;
    margin: 0 auto;
    float: right;
}
.search .key {
    float: left;
    width: 255px;
    height: 35px;
    padding: 0 9px;
    border: medium none;
    line-height: 35px;
    color: #fff;
 background:#898989;	
  display:inline;
  -webkit-appearance:none !important;
border-radius: 0 !important;
	
}

.search .go {
    float: right;
    width: 35px;
    height: 35px;
    border: medium none;
    text-indent: -9999px;
background:url("../img/gobg.png") no-repeat #232325; width:35px;

    cursor: pointer;
	-webkit-appearance:none !important;
border-radius: 0 !important;
}

/*banner*/



	 .img-fill {
    height: 100vh;
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
}
	.bannerinfobox{position: absolute;
    width: 92%;
    height: 100%;
    top: 0px;
    left: 4%;
    line-height: 100vh;
    text-align: left;}		
		.bannerinfobox > div {
    display: inline-block !important;
    vertical-align: middle;
}		



@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.23);
             transform: scale(1.23);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.23);
           transform: scale(1.23);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
           -moz-transform: scale(1.23);
             -o-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}
.banners-pc .slick-slide h1 {
/*    font: 36px/50px "ITCAvantGardeStd-Bold"; 20190805
*/    font: 42px/56px "ITCAvantGardeStd-Bold";
    color: #fff;
    -webkit-animation: fadeOutRight 1s both;
    animation: fadeOutRight 1s both;
    margin: 0;
    padding: 0;
}


	.banners-pc .slick-active h1{-webkit-animation: fadeInRight 1s both 1s;
    animation: fadeInRight 1s both 1s;}
	
.banners-pc .slick-slide p {
  margin: 0;
    padding: 0;
/*    font: 20px/30px "Microsoft YaHei","PingHei","Helvetica Neue","Helvetica"; 
*/    font: 26px/36px "Microsoft YaHei","PingHei","Helvetica Neue","Helvetica"; 
    color: #fff;
     -webkit-animation: fadeOutUp 1s both;
    animation: fadeOutUp 1s both;
	padding-top:1.5rem;
	font-weight:300;
	display:none
}	
	
	.banners-pc .slick-active p {-webkit-animation: fadeInUp 1s both 2s;
    animation: fadeInUp 1s both 2s;
		display: block
}

	
	
	
/*aboutus*/			
			
			
.aboutus-box{ padding-bottom: 3rem;}
.aboutus-box .title {
    text-align: center;
}
.aboutus-list{ font-size: 0;}
.aboutus-list li{ float:left; font-size: 1rem; text-align: left;    width: 50%; 
    padding: 0rem 0 .5rem 0rem;
    color: #898989;
	}
	
	.aboutus-list .enfont p{font-size: 0.815rem;}
	
	
.aboutus-list .libg{ float:left; font-size: 1rem; text-align: center;   width: 50%;   
    padding: 5rem 0 5rem 0rem;
    color: #898989;

	}	
	.aboutus-box .libg0 .aboutus-list .profilepic{ background:#fff;}
.aboutus-list .profilepic,.aboutus-list .profilepic li{ padding-top:0px;}
	.aboutus-list .profilepic li img{ width:100%}
	.aboutus-list-box{ background:none; }
	.aboutus-box .libg0{ display: none;}


.aboutus-list li i{font-size:7rem;transition: all .4s;}
.aboutus-list li h3{ font-size: 3rem; color: #F13A3A; margin-top: -1rem;}
.aboutus-list li p{ color: #999; margin-bottom:1.5rem; }
.aboutus-list li:hover i{
	 color: #F13A3A;
}
		
		.sy-about{  background:#fff;}

 .aboutus-box .abpic {height:100%;background-size: cover;z-index: 8; float:right; margin:0}
 .aboutus-box .abpic .paly-box {position: relative;width: 100%; height: 100%;display: table; z-index: 9;}
 .aboutus-box .abpic .paly-box a.paly { width: 70px; height: 70px; background-image:url(../img/move_paly.png); position: absolute; margin: 0 auto; left: 0; right: 0; top: 50%; margin-top: -35px;background-repeat: no-repeat; background-position: 0 0;}
 .aboutus-box .abpic .paly-box a.paly:hover {background-image:url(../img/move_paly.png);background-repeat: no-repeat;  filter:alpha(opacity=70);   -moz-opacity:0.7;   -khtml-opacity: 0.7;  opacity: 0.7;   }
 .aboutus-box .info { width: 65.6%; line-height: 2em; font-size: 14px; color: rgb(153, 153, 153); padding-right:20px; margin-top: -30px; text-indent: 2em; text-align: left;}
 .aboutus-box .more {width: 120px; height: 40px; display: block; margin-top: 40px;}
 .aboutus-box .more a { text-align: center; line-height: 40px; color: #97abb8;
    background-color: #fff;
    border: 1px solid #b6c4cd;
    border-radius: 5px;
    box-shadow: 0 0 12px rgba(182,196,205,.4); font-size: 14px;color:#97abb8;display: block;transition: all ease-out 0.3s;}
 .aboutus-box .more a:hover {color: #fff;
    background-color: #ec681c;
    border-color: #ec681c;
    box-shadow: 0 0 12px rgba(3,130,219,.4);}
	

.paddingr{ padding-right:1rem;}
.paddingl{ padding-left:1rem;}

.searchmb{ margin-top:none; padding:none;}



.profile-list{
}
.profile-list li{
	clear: both;
    display: inline-block;
    position: relative;
    overflow: hidden;
    float: left;
    margin-bottom: 0rem;
    width: 100%;
}

.profile-list li .IMGBOX{     position: relative; width:70%; height:28.75rem; overflow: hidden;
}

.profile-list li  .IMGBOX img{ width: 100%;max-width: 100%;vertical-align: top;display:block;}

.profile-list li .TEXTBOX{    position: relative; width:30%;    overflow: hidden; padding:3rem; 
}

.profile-list li .TEXTBOX h1{ color:#fff; font-size:1rem;   font-family:"ITCAvantGardeStd-Bold" }
.profile-list li .TEXTBOX h2{ color:#C9CACA; font-size:1.5rem;  }
.profile-list li .TEXTBOX p{ color:#9FA0A0; font-size:0.875rem;  height:16rem; }
.profile-list li .TEXTBOX span{ color:#9FA0A0; font-size:0.75rem;  }


.profile-list li a:hover img{ filter:alpha(opacity=30);   -moz-opacity:0.3;   -khtml-opacity: 0.3;   opacity: .3; /*transform: scale(1.2,1.2);*/}
.profile-list li a:hover .fa-txt{ filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1; font-size: 1.25rem;    font-family:"ITCAvantGardeStd-Bold" }
.profile-list li .fa-txt3{ filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1; }


 #owl-demo3 .owl-controls {
    margin-top: -4.5rem !important;
}
	#owl-demo3 .owl-controls .owl-page span{    width: 6px;
    height: 6px; background:#FEFFFF }
	#owl-demo3  .owl-controls .owl-page.active span, #owl-demo3 .owl-controls.clickable .owl-page:hover span{ background:#FDC401}	
	
	
 #owl-demo4 .owl-controls {
    margin-top: -4rem !important;
}
	#owl-demo4 .owl-controls .owl-page span{    width: 6px;
    height: 6px; background:#FEFFFF }
	#owl-demo4  .owl-controls .owl-page.active span, #owl-demo4 .owl-controls.clickable .owl-page:hover span{ background:#FDC401}	

			/*aboutus-ourteam*/			
	
		.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;
}

	
.ourteam-list{
}
.ourteam-list li{
	clear: both;
    display: inline-block;
    position: relative;
    background:#d3d3d3;
    overflow: hidden;
    float: left;
    width: 100%;
}
.ourteam-list .libg{
	clear: both;
    display: inline-block;
    position: relative;
    background: #e6e6e6;
    overflow: hidden;
    float: left;
    width: 100%;
}
.ourteam-list li .IMGBOX{     position: relative; width:50%;overflow: hidden; text-align:center
}

.ourteam-list li .IMGBOX img{   width: auto;max-width: 100%; vertical-align: bottom;display:block;
}


.ourteam-list li:hover  .IMGBOX{     position: relative; width:50%; overflow: hidden; text-align:center
}

.ourteam-list li img{ -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;
	
	margin:0 auto;}

.ourteam-list li:hover  img{ -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    
    filter: none;
}
.ourteam-list li .TEXTBOX2 { filter:alpha(opacity=0);   -moz-opacity:0;   -khtml-opacity: 0;   opacity: 0; display:none; }
.ourteam-list li .TEXTBOX{ padding:8% 0% 0% 15%;  position: relative; width:50%;overflow: hidden; }
.ourteam-list li .TEXTBOX li{ width: auto; float:left;background:none; display:inline; clear:none; text-align:left; padding-left:1rem; }
.ourteam-list li .TEXTBOX .nameen{ font-size:3rem; border-right:1px solid #A2A2A4; height:3rem; line-height:3rem; padding-right:1rem; font-weight: bold ; display:inline-block; background:none; font-family:'ITCAvantGardeStd-Demi';}

.ourteam-list li .TEXTBOX h1{ color:#4D4C4A; font-size:2rem; height:2rem; line-height:3rem;  font-family:'Microsoft YaHei'; font-weight:100;}
.ourteam-list li .TEXTBOX h2{ color:#4D4C4A; font-size:0.875rem;  font-weight:100; padding-top: 0.875rem;}
.ourteam-list li .TEXTBOX p{ color:#4D4C4A; font-size:0.875rem; font-weight:100;  font-family:'Microsoft YaHei'; }
.ourteam-list li .TEXTBOX span{ color:#4D4C4A; font-size:0.75rem;  }
.ourteam-list li:hover  .TEXTBOX {  filter:alpha(opacity=0);   -moz-opacity:0;   -khtml-opacity: 0;  opacity: 0; display:none;}
.ourteam-list li:hover  .TEXTBOX2 { filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1; display: block; padding:9% 0% 0% 15%;  position: relative; width:50%;overflow: hidden; }
	.ourteam-list li:hover  .TEXTBOX2 > div {  display: inline-block !important;
    vertical-align: middle;}


.ourteam-list li .TEXTBOX2 p{ color:#4D4C4A; font-size:0.875rem; font-weight:100;  font-family:'Microsoft YaHei'; }


.ourteam-list li a:hover img{  filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;  opacity: 1; transform: scale(1.02,1.02);}
.ourteam-list li a:hover .fa-txt{  filter:alpha(opacity=0);   -moz-opacity:0;   -khtml-opacity: 0;  opacity: 0; font-size: 1.25rem;    font-family:"ITCAvantGardeStd-Bold" }


	
			
			/*aboutus-MANAGEMENT IDEA*/			
			
			
.idea-box{ padding-bottom: 3rem;}
.idea-box .title {
    text-align: center;
}
.idea-list{ font-size: 0; overflow:hidden;}
	.idea-boxbg{ background: none; padding:0rm 0}

.idea-list-boxleft{ width:100%; float:none}
.idea-list-boxright{ width:100%; float:none}
.idea-list li{ float:left; font-size: 1rem; text-align: left;  margin-top: -1rem;  width: calc(100%/3);
 border-right:1px solid #7F7F7F; 
 border-bottom:none; 

    padding: 5rem 3rem 5rem 3rem;
    color: #898989;
	overflow:hidden;    margin-bottom: -320px;
    padding-bottom: 320px;

	}
	.idea-list li:nth-child(3n){ border-right:0; border-bottom:0}
.idea-list .libg{ float:left; font-size: 1rem; text-align: center;  margin-top: -1rem;    width: 50%;   
    padding: 5rem 0 5rem 3rem; background:#3E3A39;
    color: #898989;

	}	
	
.idea-list li i{font-size:7rem;transition: all .4s;}
.idea-list li h1{ font-size: 1.375rem; color: #000000; margin-top: -1rem; margin-left:2rem; width:360px; height: 165px ; line-height:115px; font-family:"ITCAvantGardeStd-Bold" ; text-indent:42px;
}

.idea-list li .bg01{background:url("../img/com_icon.png") no-repeat ; background-position: -6px -86px;   }
.idea-list li .bg02{background:url("../img/com_icon.png") no-repeat ; background-position: -360px -86px;   }
.idea-list li .bg03{background:url("../img/com_icon.png") no-repeat ; background-position: -738px -86px;   }

.idea-list li h2{ font-size: 1.25rem; color: #323333; margin-top: -1rem; font-weight:100}
.idea-list li h3{ font-size: 3rem; color: #F13A3A; margin-top: -1rem;}
.idea-list li span{ min-height:7.2rem; display:block}
.idea-list li p{ color: #999;}
.idea-list li:hover i{
	 color: #F13A3A;
}
			
						/*aboutus-DAILY LIFE*/			

	
.LIFE-list{
}
.LIFE-list li{
	clear: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
    float: left;
    margin-bottom: 1rem;
 width: calc(98%/3);
 	margin-right:1%;
}

.LIFE-list  li:nth-child(3n){	margin-right:0rem;}


.LIFE-list li  img{ width: 100%;max-width: 100%;vertical-align: top;display:block;}


.LIFE-list li a:hover img{  filter:alpha(opacity=30);   -moz-opacity:0.3;   -khtml-opacity: 0.3;   opacity: .3; transform: scale(1.2,1.2);}
.LIFE-list li a:hover .fa-txt{ filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1; font-size: 1.25rem;    font-family:"ITCAvantGardeStd-Bold" }


.about-team-btn{ display:block}
.LIFE-list .lastitem{display:none;
}

.videp-open{  overflow-y: scroll;  }


.event-open .layui-layer-content {width: 100%; padding-bottom: 52%; height: 0; background: #fff;}
.event-open .layui-layer-setwin {position: absolute; right: -50px; top: 0; font-size: 0; line-height: initial; width: 50px; height: 50px; background:none;}
.event-open .layui-layer-setwin .layui-layer-close2 { position: absolute; right: -10px; top: 0; width: 50px; height: 50px; margin-left: 0;background: url(../img/eventoff.png) no-repeat;background-position: 0px 0px; cursor: pointer;}
.event-open .layui-layer-setwin .layui-layer-close2:hover {background-position: 0px 0px;  filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;  opacity: 1;}

.event-open2 .layui-layer-content {width: 100%; padding-bottom: 52%; height: 0; background: #fff;}
.event-open2 .layui-layer-setwin {position: absolute; right: -50px; top: 0; font-size: 0; line-height: initial; width: 50px; height: 50px; background:none;}
.event-open2 .layui-layer-setwin .layui-layer-close3 { position: absolute; right: -10px; top: 0; width: 50px; height: 50px; margin-left: 0;background: url(../img/eventoff.png) no-repeat;background-position: 0px 0px; cursor: pointer;}
.event-open2 .layui-layer-setwin .layui-layer-close3:hover {background-position: 0px 0px;  filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;  opacity: 1;}

#videoBox {max-height: 550px; overflow: hidden; position: relative;}
#videoBox .paly {position: absolute;top: 0; right: 0; height: 100%; width: 100%;}
#videoBox .paly a {position: absolute;top: 50%; width:80px; height: 80px; margin: -40px auto 0;background-image: url(../img/about_paly.png);background-repeat: no-repeat;background-position: 0 0; left: 0; right: 0; z-index: 99;}


.mobile{
	width:100%;
}
.mobile-inner{
	width:100%;
	position:relative;
}
.mobile-inner-header{
	background-color: rgba(255,255,255,255.7);
	width:100%;
	height:3.25rem;
	position:fixed;
	top:0px;
	left:0px;
	z-index:999;
}
.mobile-inner-header-icon{
	color: #666666;
height:52px; line-height:52px;	font-size:25px;
	text-align: right;
	float:right;
	width: 50px;
	position: relative;
	margin-right: -15px;
/*	margin-right: 5%;
*/	/*-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;*/
}
.mobile-inner-header-icon:hover{
/*	background-color: rgba(255,255,255,0.2);
*/	cursor: pointer;
}
.mobile-inner-header-icon span{
	    position: absolute;
    left: calc((100% - 16px) / 2);
    top: calc((100% - 9px) / 2);
    width: 16px;
    height: 2px;
    background: #fefefe;
    display: block;
    margin-bottom: 1px;
    border-radius: 50px;
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(1px) rotate(0deg);
	}
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(2px) rotate(0deg);
	}
	

.mobile-inner-header-icon span:nth-child(3){
transform: translateY(6px) rotate(0deg);
	}
	


	
.mobile-inner-header-icon-click span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
	}		
.mobile-inner-header-icon-click span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
	}
	
.mobile-inner-header-icon-click span:nth-child(3){
display:none	}
	


@keyframes clickfirst {
  0% {
	  transform: translateY(4px) rotate(0deg);
	  
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}	



@keyframes clicksecond {
  0% {
	  transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}	

.mobile-inner-header-icon-out span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
	}		
.mobile-inner-header-icon-out span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
	}
	
.mobile-inner-header-icon-out span:nth-child(3){
display: block	}

@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}	



@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(1px) rotate(0deg);
  }
}

.mobile-inner-nav{
	background-color: rgba(0,0,0,1);
	width: 100%;
	position:fixed;
	top:3.25rem;
	left:0px;
	display:none;
	z-index:9999;
	height:100%;
	padding-top:5%;
}


.mobile-inner-nav dt{     display: inline-block;
    margin-left: 12%;
    vertical-align: top;
    padding-top: 25px;

}
.mobile-inner-nav dd{  	width: 70%;
	margin-left: 2%;  display: inline-block;   


}
.mobile-inner-nav i {
    font-weight: bold;
    /* color: #F3C800; */
    font-size: 0;
    width: 20px;
    border-top: 3px solid #F3C800;
    margin-top: 0;
			display: block;

}

.mobile-inner-nav a{
	display: block;
	line-height: 50px;
	text-decoration: none;
	color: #FFFFFF;
	border-bottom: solid 1px rgba(255,255,255,0.3);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-family:"ITCAvantGardeStd-Bold"
}
.mobile-inner-nav h1{
		display: block;
padding-top:10px;
	line-height: 14px;
	text-decoration: none;
	color: #A6A6A6;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:100;
	font-size:8px;
	font-family:'Microsoft YaHei';
}
.menuadd dt {   display: inline-block;
    margin-left: 12.8%;
    vertical-align: top;
    padding-top: 25px;}
.menuadd dt i{ border:0}
.menuadd dd {
	width: 70%;
	margin-left: 0%;  display: inline-block;   
padding-top:10px;
	line-height: 14px;
	text-decoration: none;
	color: #BFBFBF;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:100;
	font-size:10px;
	font-family:'Microsoft YaHei';}
	
.menuadd dd a{	border:0; font-weight:100;	line-height: 14px;	color: #BFBFBF;font-family:'Microsoft YaHei';

}

.mobile-inner-nav a:hover{
	color: rgba(255,255,255,0.4);
	border-bottom: solid 1px rgba(255,255,255,0.2);
}


/*详情页面*/

.infotoppic{ margin:0 auto; padding:0;    position: relative;}
.infotoppic img { width:100%; }




.infotoptext{position: absolute;  bottom: 5%;
  left:0; width:100%;
}

.infotoptext h1{ bottom:2rem; color:#fff; font-size:3rem; text-align:left; width:94%; max-width:1340px; margin:0  auto; padding:0 1rem }

.infobox{    position: relative; width:100%;    overflow: hidden; padding:2rem 0rem 0rem 0rem; 
}
.infobox img { width:100%; max-width:100%; }

.infoboxcom{    position: relative; width:100%;    overflow: hidden; padding:rem; color:#898989;
}


.infobox h1{ color:#F3C800; font-size:2rem; font-weight:bold;   font-family:"Microsoft YaHei","PingHei","Helvetica Neue","Helvetica"; text-align:left; border-bottom:0;padding-bottom:0.2rem; margin-bottom:0.2rem; }
.infobox h2{ color:#4C4948; font-size:1.12rem;    font-weight: bold; margin-top:1.12rem;  text-align:left; border-bottom:0;padding-bottom:0.2rem; margin-bottom:0.2rem;  }

.infobox h3{ color:#C9CACA; font-size:1.12rem;    font-weight: bold; margin-top:1.12rem;  text-align:left; border-bottom:0;padding-bottom:0.2rem; margin-bottom:0.2rem;  }

.infoboxtabox{border-bottom:1px #f6f6f6 solid ; width:100%; clear:both;}
.infobox .pageline{border-top:1px #f6f6f6 solid ; width:100%; clear:both; margin-top:1.5rem;margin-bottom:3rem;}

.infobox .pageline ul li{ width:50%;margin-top:.5rem;}
.infobox .pageline .pre{
font-family:'ITCAvantGardeStd-Bold'; font-weight: bold; float:left; font-size:1.125rem; color:#4E4A49;  text-align:left;vertical-align:middle}
.infobox .pageline .next{ font-family:'ITCAvantGardeStd-Bold'; font-weight: bold;color:#4E4A49; float:right; font-size:1.125rem; text-align:right; vertical-align:middle}
.leftjiantou{     background: url(../img/leftarr.png) no-repeat; background-size:85%; width:20px; height:20px; display:inline-table;vertical-align:middle}
.rightjiantou{     background: url(../img/rightarr.png) no-repeat; background-size:85%; width:20px; height:20px; display:inline-table;vertical-align:middle}


.infoboxtabox ul { width:100%; height:3rem; 	
}
.infoboxtabox   li {color:#868686; 
    float: left;
    text-align: left;
    display: inline; margin-right:2rem;    overflow: hidden;
    clear: none;
	width: auto;
	font-size:.75rem;
	
}



.infoboxtabox   li:first-child{    text-align: left;
 }
.infoboxtabox   li:nth-child(2){    text-align: center;
 }
.infoboxtabox   li:nth-child(3){    text-align: right;
 }

/*50em=16x50=800px*/

.tabbg {width: auto;
    background:none;
	}
		

@media screen and (max-width:1500px){
.infotoptext h1{ bottom:2rem; color:#fff; font-size:3rem; text-align:left; width:94%; max-width:1240px; margin:0  auto; padding:0 1rem }

.containerbox{ width: 100%; max-width:1340px;background: #fff; margin: 0 auto; overflow:hidden;}
.container{ width: 94%; max-width:1240px; margin: 0 auto; padding: 0 1rem; }
.tab {
    margin: 32px auto;
    background: none;
}
}

@media screen and (max-width:1400px){
.infotoptext h1{ bottom:2rem; color:#fff; font-size:3rem; text-align:left; width:94%; max-width:1140px; margin:0  auto; padding:0 1rem }

.containerbox{ width: 100%; max-width:1240px;background: #fff; margin: 0 auto; overflow:hidden;}
.container{ width: 94%; max-width:1140px; margin: 0 auto; padding: 0 1rem; }
.tab {
    margin: 32px auto;
    background: none;
}
}

@media screen and (max-width:1280px){
.infotoptext h1{ bottom:2rem; color:#fff; font-size:3rem; text-align:left; width:94%; max-width:1040px; margin:0  auto; padding:0 1rem }

.containerbox{ width: 100%; max-width:1140px;background: #fff; margin: 0 auto; overflow:hidden;}
.container{ width: 94%; max-width:1040px; margin: 0 auto; padding: 0 1rem; }

.ff-list li .TEXTBOX{    position: relative; width:32%;    overflow: hidden; padding:1.5rem;   background: #232326; padding-bottom:320px; margin-bottom:-320px;
}
.ff-list li .TEXTBOX h2{ color:#C9CACA; font-size:1.25rem; margin-bottom: 1rem;   font-weight: 100;  }
.ff-list .taboxright li:nth-of-type(1) {
    margin-left: 0rem;
}
.ff-list .tabox li:nth-of-type(1) {
    margin-left: 0rem;
}
.tab {
    margin: 32px auto;
    background:none;
	}
}

.ff-list .taboxright li ,.ff-list .tabox li {
		min-width:15%;
}

@media screen and (max-width:1200px){
.infotoptext h1{ bottom:2rem; color:#fff; font-size:3rem; text-align:left; width:94%; max-width:1040px; margin:0  auto; padding:0 1rem }

.containerbox{ width: 100%; max-width:1140px;background: #fff; margin: 0 auto; overflow:hidden;}
.container{ width: 94%; max-width:1040px; margin: 0 auto; padding: 0 1rem; }
.tab {
    margin: 32px auto;
    background: none;
}
}

/** ipad pro 横屏 **/
@media only screen and (min-width:  1024px) and (max-width: 1366px) {
/*.event-open .layui-layer-setwin {
    position: absolute;
    right: 16px;
    top: 0;
    font-size: 0;
    line-height: initial;
    width: 50px;
    height: 50px;
    background: none;
}
.event-open .layui-layer-setwin .layui-layer-close2 {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    margin-left: 0;
    background: url(../img/eventoff2.png) no-repeat;
    background-position: 0px 0px;
    cursor: pointer;
}*/

.container{ width: 94%; max-width:940px; margin: 0 auto; padding: 0 1rem; }
.event-open {
    margin-top: 2%;
	}
.event-open .layui-layer-content {width: 100%; padding-bottom: 90%; height: 0; background: #fff;}

.event-open .layui-layer-setwin {
    position: absolute;
    right: -50px;
    top: 0;
    font-size: 0;
    line-height: initial;
    width: 50px;
    height: 50px;
    background: none;
	z-index:99999999;
}
.event-open .layui-layer-setwin .layui-layer-close2 {
    position: absolute;
    right: -10px;
    top: 0;
    width: 50px;
    height: 50px;
    margin-left: 0;
    background: url(../img/eventoff.png) no-repeat;
    background-position: 0px 0px;
    cursor: pointer;
		z-index:99999998;

}

}
/** iPad **/
@media only screen and (min-width: 768px) and (max-width: 1024px) {

.infotoptext h1{ bottom:2rem; color:#fff; font-size:3rem; text-align:left; width:94%; max-width:840px; margin:0  auto; padding:0 1rem }

.containerbox{ width: 100%; max-width:940px;background: #fff; margin: 0 auto; overflow:hidden;}
.container{ width: 94%; max-width:840px; margin: 0 auto; padding: 0 1rem; }


/*banner*/


	 .img-fill {
    height: 100vh;
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
}
	.bannerinfobox{position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    line-height: 100vh;
    text-align: left;}		
		.bannerinfobox > div {
    display: inline-block !important;
    vertical-align: middle;
}		

.banners-mb .slick-slide h1 {
    font: 30px/50px "ITCAvantGardeStd-Bold";
    color: #fff;
    -webkit-animation: fadeOutRight 1s both;
    animation: fadeOutRight 1s both;
    margin: 0;
    padding: 0;
}
	.banners-mb .slick-active h1{-webkit-animation: fadeInRight 1s both 1s;
    animation: fadeInRight 1s both 1s;}
	
.banners-mb .slick-slide p {
  margin: 0;
    padding: 0;
    font: 15px/30px "Microsoft YaHei","PingHei","Helvetica Neue","Helvetica";
    color: #fff;
     -webkit-animation: fadeOutUp 1s both;
    animation: fadeOutUp 1s both;
		padding-top:1rem;

		display:none

}	
	
	.banners-mb .slick-active p {-webkit-animation: fadeInUp 1s both 2s;
    animation: fadeInUp 1s both 2s;
		display: block;
}

	
	
			

.container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 4%;
}

.tab {
    margin: 32px auto;
    background:none;
	}
	
	.searchmb{ margin-top:5.75rem; padding:0 2%;}

	
/* 导航指示*/

.sy-abwelbox{ display:block;}
.sy-abwel-bottom{ display:none}
.ny-abwelbox{ display: block;}
.sy-abtxt{ width: 100%; background: #efefef; padding:4% ; margin-top:0rem;}
.sy-abwelbox{ display:block;    width: 100%; background:#fff;
}
.sy-abwel{  width: 90%;} 
.sy-abwel-bottom{ display:none}

.ny-abwelbox{ display: block;  width: 100%; background:#fff;}
.ny-abwel {  width: 90%;} 
.sy-abtxt{ width: 100%; background: #efefef; padding:8% ; margin-top:0rem;}

.sy-abtxt h1 {
    font-size: 2.2rem;
    line-height: 3rem;
    padding-bottom: .5rem;
    font-family: "ITCAvantGardeStd-Bold";
}
.sy-abtxt h2 {
    font-size: 1.3rem;
    padding-bottom: .5rem;
    font-weight: 400;
}

.sy-abtxt p{  padding-top: 1rem;}


.sy-abwel h1 {
    font-size: 1.4rem;
    line-height: 2rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    padding-left: 2rem;
    color: #fdd000;
    background: #232326;
    display: block;
    float: left;
    width: 80%;
    text-align: left;
    font-family: "ITCAvantGardeStd-Bold";
}
.sy-abwel h2 {
    font-size: .85rem;
    line-height: 1.2rem;
    padding-bottom: .25rem;
    margin-top: 1.3rem;
    padding-top: .25rem;
    font-weight: 100;
    color: #fff;
    background: #5b5b5b;
    display: block;
    float: left;
    width: 20%;
    text-align: center;
}



.ny-abwel h1 {
    font-size: 1.4rem;
    line-height: 2rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    padding-left: 2rem;
    color: #fdd000;
    background: #232326;
    display: block;
    float: left;
    width: 70%;
    text-align: left;
    font-family: "ITCAvantGardeStd-Bold";
}
.ny-abwel h2 
 {
    font-size: .85rem;
    line-height: 1.2rem;
    padding-bottom: .25rem;
    margin-top: 1.3rem;
	    padding-top: .25rem;
    font-weight: 100;
    color: #fff;
    background: #5b5b5b;
    display: block;
    float: left;
    width: 30%;
    text-align: center;
    padding: .25rem 1rem;
}



.oursevice-list li{ width:100%;    padding: 6rem 3rem;

}
	.oursevice-list .libg1{ width:100%}
	.oursevice-list .libg2{ width:100%}
	.oursevice-list .libg{ width:100%}
.oursevice-list li img { max-width:90%}

	.brand-box h2{ font-size: 1.5rem; font-weight: 400;}
	.value-txt{ width: 70%; margin: 0 auto;}
	.lx-list{ padding-bottom:4.5rem;}
	.lx-list li{ width: calc(50% - .5rem); margin-bottom: 1rem;}
	.lx-list li:nth-child(3){
		margin-left: 0;
		float:right;
	}	
	.lx-list li ul li:nth-child(3){
		margin-left: 0;
		float:none;
	}
	
	.ab-btn{text-align: center;}
	.ab-btn a{ width: 50%; max-width: 10rem;}
	.al-list li{ width: 50%;}
	.lx-list li {width:100%;}
	.lx-list li span ul li{width: calc(100%/4 - 1rem);}
	
	.l-box{ width: 100%;padding: 1rem;}
	.r-box{ width: 100%; margin-top: 1rem;padding: 1rem;}
	.al-dbox .al-list li{ width: 50%;}
	.sjzt-pc-responsibility .item-bock {
    width: calc(100%/3);
    padding: 0px;
    border-right: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    float: left;
}
	.sjzt-pc-responsibility .item-bock .img {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
	.sjzt-pc-responsibility .item-bock .img img {
    width: 100%;
}	

.sjzt-pc-responsibility .item-bock:nth-of-type(3n) {
border-right: 0;}
.ab-btn a {
    width: 36%;}
	
	/*关于我们－团队*/
.ourteam-list li .TEXTBOX{ padding:8% 0% 0% 8%;  position: relative; width:50%;overflow: hidden; }

	/*关于我们－经营理念*/
	
	.idea-boxbg{ background:#EFEFEF; padding:1.5rm 0}
	.idea-list-boxleft{ width:35%; float:left}
	
.idea-list li .idea-list-boxleft	 .bg01 {
    background: url(../img/01bg.png) no-repeat;
	 background-size:80%; background-size:contain;}
.idea-list li .idea-list-boxleft	 .bg02 {
    background: url(../img/02bg.png) no-repeat;
	 background-size:80%; background-size:contain;}
	 .idea-list li .idea-list-boxleft	 .bg03 {
    background: url(../img/03bg.png) no-repeat;
	 background-size:80%; background-size:contain;}

.idea-list li .idea-list-boxleft		 h1 {
    font-size: 0.9rem;
    color: #000000;
    margin-top: -1rem;
    margin-left: 0;
    width: 100%;
    height: auto;
    line-height:auto;
    font-family: "ITCAvantGardeStd-Bold";
    text-indent: 1px;
	letter-spacing:0px;
} 
	 .idea-list li span {
    min-height: 2.2rem;
    display: block;
    font-size: 9px;
}
	 
	.idea-list-boxright{ width:65%; float:left}

	
	.idea-list li{ float:left; font-size: 1rem; text-align: left;  margin-top: -1rem;  width: 100%;
	border-right: none;
 border-bottom:1px solid #C4C4C4; 
    padding: 5rem 0.5rem 5rem 0.5rem;
    color: #898989;

	}

	
/*案例*/

.case-btn a{  width: 30%; background: #fff; border:1px  solid #232326; color: #232326;}

.case-btn a:hover{ border:1px  solid #fdd000;}

.ff-list li .TEXTBOX {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 1rem 1.5rem;
	   background: #232326; height: auto;padding-bottom:0; margin-bottom:-0;padding-bottom: 1rem;
	
}
.ff-list li .IMGBOX {
    position: relative;
    width: 100%;
    height:auto;
    overflow: hidden;
}

.ff-list li .TEXTBOX h1{ display: none;}
.ff-list li .TEXTBOX span { display: none;}
	.lx-list .liw1{ width: 100%; margin-left: 0 !important;}
	.lx-list .liw2{ width: 100%; margin-left: 0 !important;}
	.lx-list .liw3{ width: 100%; margin-left: 0 !important;}
.ff-list .tabox{ display: none;}
.ff-list .taboxright{ display: none;}

.footer{/* margin-top:3rem;*/}

.footer ,.footer a{
    font-size: .5rem;

}
.footer .footerleft{ width:27%; float:left;}

.footer .lx-list li h1{ font-size:0.9rem;}
.footer .lx-list li .dafter{    margin: 0.5rem 0;}
.footer .footerright{ width:73%; float:left; font-size:9px;}

.footer .footerright1{ width:73%; float:left; display:none}
.footer .footerright2{ width:73%; float:left; display:block; font-size:9px;}


.videp-open .layui-layer-setwin {position: absolute; right: 0px; top: -50px; font-size: 0; line-height: initial; width: 50px; height: 50px; background:none;}
.event-open .layui-layer-setwin {position: absolute; right: 16px; top: 0; font-size: 0; line-height: initial; width: 50px; height: 50px; background:none;}
.event-open .layui-layer-content {width: 100%; padding-bottom: 90%; height: 0; background: #fff;}
.event-open .layui-layer-setwin .layui-layer-close2 { position: absolute; right:0; top: 0; width: 50px; height: 50px; margin-left: 0;background: url(../img/eventoff2.png) no-repeat;background-position: 0px 0px; cursor: pointer;}


.videp-open2 .layui-layer-setwin {position: absolute; right: 0px; top: -50px; font-size: 0; line-height: initial; width: 50px; height: 50px; background:none;}
.event-open2 .layui-layer-setwin {position: absolute; right: 16px; top: 0; font-size: 0; line-height: initial; width: 50px; height: 50px; background:none;}
.event-open2 .layui-layer-content {width: 100%; padding-bottom: 90%; height: 0; background: #fff;}
.event-open2 .layui-layer-setwin .layui-layer-close3 { position: absolute; right:0; top: 0; width: 50px; height: 50px; margin-left: 0;background: url(../img/eventoff2.png) no-repeat;background-position: 0px 0px; cursor: pointer;}



}
/** iPhone **/
@media only screen and (min-width: 320px) and (max-width: 767px) {


/*bottom more icon*/

.icon-user {
    background: url(../img/men_icon.png) no-repeat;
    width: 36px;
    vertical-align: middle;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;background-size: 50% 50%;    /* 通过百分比设置 */
			background-size: cover;      /* 覆盖:图片成比例填满盒子。可用于适配 */
}
.icon-weixin {
    background: url(../img/wx_icon.png) no-repeat;
    width: 36px;
    /* margin: 0 10px; */
    vertical-align: middle;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;background-size: 50% 50%;    /* 通过百分比设置 */
			background-size: cover;      /* 覆盖:图片成比例填满盒子。可用于适配 */
}
.icon-weibo {
    background: url(../img/wb_icon.png) no-repeat;
    width: 36px;
    vertical-align: middle;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;background-size: 50% 50%;    /* 通过百分比设置 */
			background-size: cover;      /* 覆盖:图片成比例填满盒子。可用于适配 */
}
.icon-dyin{ background: url(../img/dy_icon.png) no-repeat;
    width: 36px;
    /* margin: 0 10px; */
    vertical-align: middle;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;background-size: 50% 50%;    /* 通过百分比设置 */
			background-size: cover;      /* 覆盖:图片成比例填满盒子。可用于适配 */
}


.lx-list li span .item4:hover .drcode {
    bottom: 140%;
    display: block;
}
.lx-list li span .item4 .drcode {
    width: 250px;
    height: 250px;
    background-color: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 4px 6px #323436;
    margin-left: -180px;
    bottom: 180%;
    left: 50%;
    display: none;
}

.lx-list li span .item4 .drcode:after {
    width: 0;
    height: 0;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    margin-left: 50px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 100%;
    content: '';
}



.infoboxtabox   li {color:#727071; 
    float: left;
    text-align: left;
    display: inline; margin-right:0;    overflow: hidden;
    clear: none;
	width:calc(100%/3);
	font-size:.75rem;
	font-weight:100;
	
}

.infoboxtabox   li:first-child{    text-align: left;    white-space: nowrap;
 }
.infoboxtabox   li:nth-child(2){    text-align: center;    white-space: nowrap;
 }
.infoboxtabox   li:nth-child(3){    text-align: right;    white-space: nowrap;
 }

.paddingr{ padding-right:none;}
.paddingl{ padding-left:none;}

.ff-list li .TEXTBOX h2 {
    color: #232226;
/*    margin-bottom: 0rem;
*/    font-weight: 100;
}

.infobox .pageline{border-top:0px #f6f6f6 solid ; width:100%; clear:both; margin-top:1.5rem;margin-bottom:1.5rem;}


.infobox h1{ color:#4C4948; font-size:1.2rem; font-weight:100;   font-family:"Microsoft YaHei","PingHei","Helvetica Neue","Helvetica";  text-align:left; border-bottom:0px solid #C0C0C0; padding-bottom:.5rem; margin-bottom:.1rem; }
.infobox h2{ color:#4C4948; font-size:1rem;    font-weight: 100; margin-top:1.12rem; text-align:center; border-bottom:none solid #C0C0C0; padding-bottom:1rem; margin-bottom:1rem; 


  display: table;
   box-sizing: border-box;
    width: 100%;
    line-height: 32px;
    background-color: #fff;
    white-space: nowrap;
    border-spacing: 10px 0;
  
  
  
  }

.infoboxbg h2:before , .infoboxbg h2:after{
    display: table-cell;
    content: '';
    width: 50%;
    background: -webkit-linear-gradient(#C0C0C0,#C0C0C0) repeat-x left center;
    background: linear-gradient(#C0C0C0,#C0C0C0) repeat-x left center;
    background-size: 1px 1px;
}


.infobox h3{ }

.infotoptext h1{ bottom:2rem; color:#fff; font-size:1.54rem; text-align:left; width:94%; max-width:1340px; margin:0  auto; }

.line-box {
    width: 1px;
    margin-left: 50%;
    background: #9f9f9f;
    height: 0rem;
/*    height: 8rem;
*/    margin-top: 2rem;
	clear: both;
	display:block;
}

.ff-list li .TEXTBOX h2 {
    font-size: 0.85rem;
	height: 1.2rem;
	line-height:1.2rem;
	    margin-bottom: 0.2rem;
		    font-weight: bold;
}

/*banner*/


	 .img-fill {
    height: 100vh;
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
}
	.bannerinfobox{position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    line-height: 100vh;
    text-align: left;}		
		.bannerinfobox > div {
    display: inline-block !important;
    vertical-align: middle;
}		

.banners-mb .slick-slide h1 {
    font: 24px/32px "ITCAvantGardeStd-Bold";
    color: #fff;
    -webkit-animation: fadeOutRight 1s both;
    animation: fadeOutRight 1s both;
    margin: 0;
    padding: 0;
	
}
	.banners-mb .slick-active h1{-webkit-animation: fadeInRight 1s both 1s;
    animation: fadeInRight 1s both 1s;}
	
.banners-mb .slick-slide p {
  margin: 0;
    padding: 0;
       font: 14px/24px "Microsoft YaHei","PingHei","Helvetica Neue","Helvetica";

    color: #fff;
     -webkit-animation: fadeOutUp 1s both;
    animation: fadeOutUp 1s both;
		padding-top:0.75rem;

		display:none

}	
	
	.banners-mb .slick-active p {-webkit-animation: fadeInUp 1s both 2s;
    animation: fadeInUp 1s both 2s;
		display: block
}

/*banner*/
.banners-mb .slick-slide .text8{  font: 20px/22px "ITCAvantGardeStd-Bold";
}
.banners-mb .slick-slide #centeralign8 .desc{ font:11px/14px  "Microsoft YaHei";}

.container {




    max-width: 100%;
    margin: 0 auto;
    padding: 0 4%;
}


.title h1 {
    font-size: 1.65rem;
    line-height:1.65rem;
}
.title p {
    color: #999;
    font-size: 0.8rem;
    padding: 1rem 0;
}


/* 导航指示*/

.sy-abwelbox{ display:block;    width: 100%; background:#fff;
}
.sy-abwel{  width: 90%;} 
.sy-abwel-bottom{ display:none}

.ny-abwelbox{ display: block;  width: 100%; background:#fff;}
.ny-abwel {  width: 90%;} 
.sy-abtxt{ width: 96%; background: #efefef; padding:8% ; margin-top:0rem;}

.sy-abtxt h1 {
    font-size: 1.8rem;
    line-height: 2rem;
    padding-bottom: 1.5rem;
    font-family: "ITCAvantGardeStd-Bold";
}
.sy-abtxt h2 {font-size: 1rem;
    padding-bottom: .5rem;
    font-weight: 400;
}

.sy-abtxt p{  padding-top: 0.5rem;    font-size: 0.8rem;}


.sy-abwel h1 {
    font-size: 1.4rem;
    line-height: 2rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    padding-left: 2rem;
    color: #fdd000;
    background: #232326;
    display: block;
    float: left;
    width: 80%;
    text-align: left;
    font-family: "ITCAvantGardeStd-Bold";
}
.sy-abwel h2 {
    font-size: .85rem;
    line-height: 1.2rem;
    padding-bottom: .25rem;
    margin-top: 1.3rem;
    padding-top: .25rem;
    font-weight: 100;
    color: #fff;
    background: #5b5b5b;
    display: block;
    float: left;
    width: 20%;
    text-align: center;
}



.ny-abwel h1 {
    font-size: 1.4rem;
    line-height: 2rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    padding-left: 2rem;
    color: #fdd000;
    background: #232326;
    display: block;
    float: left;
    width: 70%;
    text-align: left;
    font-family: "ITCAvantGardeStd-Bold";
}
.ny-abwel h2 
 {
    font-size: .85rem;
    line-height: 1.2rem;
    padding-bottom: .25rem;
    margin-top: 1.3rem;
	    padding-top: .25rem;
    font-weight: 100;
    color: #fff;
    background: #5b5b5b;
    display: block;
    float: left;
    width: 30%;
    text-align: center;
    padding: .25rem 1rem;
}




.oursevice-list li{ width:100%;    padding: 3.4rem  3rem;}
	.oursevice-list .libg{ width:100%}
.oursevice-list li img {     max-width: 100px;}
.ab-btn a {
    display: inline-block;
    margin-top: 1rem;
     border: 1px solid #fff;
    color: #fff;
    text-align: center;
	  min-width: 18%;
    width: auto;
    padding: 0 10px; height: 1.4rem;
    line-height: 1.4rem;font-size: 12px;
	
	
}
	.brand-box h2{ font-size: 1.5rem; font-weight: 400;}
	.value-txt{ width: 70%; margin: 0 auto;}
	.lx-list li{ width: calc(50% - .5rem); margin-bottom: 1rem;}
	.lx-list li:nth-child(3){
		margin-left: 0;
				float:none;

	}	
	.al-list li{ width: 50%;}
	.lx-list{  padding-bottom: 0.5rem;}

	.lx-list li {width:100%;}
	.lx-list li span ul li{width: calc(100%/4 - 0.5rem);
    padding: 0 0.1rem;}
	
	.l-box{ width: 100%;padding: 1rem;}
	.r-box{ width: 100%; margin-top: 1rem;padding: 1rem;}
	.al-dbox .al-list li{ width: 50%;}
	.sjzt-pc-responsibility .item-bock {
    width: calc(100%/3);
    padding: 0px;
    border-right: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    float: left;
}
	.sjzt-pc-responsibility .item-bock .img {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
	.sjzt-pc-responsibility .item-bock .img img {
    width: 100%;
}	

.sjzt-pc-responsibility .item-bock:nth-of-type(3n) {
border-right: 0;}


/*案例*/
.tab .list{  width: 80%;
    margin: 1rem auto;
    float: none !important;
 }
.search {
       width: 60%;
    margin: 1rem auto;
    float: none !important;
	clear:both;
	height:1.5rem;
    /* float: none !important; */
}
.infobox{    position: relative; width:100%;    overflow: hidden; padding:0rem; 
}

.infobox img { width:100%; max-width:100%; }
.infotoppic{ margin-top:3.25rem;}
.infotoppic img{ width: 100%;max-width: 100%;vertical-align: top;display:block;}
.search .key {
    float: left;
    width:  calc(100% - 35px); 
    height: 35px;
    padding: 0 9px;
    border: medium none;
    line-height: 35px;
    color: #fff;
 background:#898989;	
  display:inline;
  
	
}
.infobox .pageline .pre , .infobox .pageline .next{    font-size: .85rem;}
.search .go{ float:left; display:inline}
.case-btn a{     min-width: 18%;
    width: auto;
    padding: 0 10px;  background:none; border:1px  solid #232326; color: #232326;height: 1.4rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    line-height: 1.4rem;font-size: 12px;}
.case-btn a:hover{ border:1px  solid #fdd000;}

.ff-list li {
    clear: both;
    display: inline-block;
    position: relative;
    overflow: hidden;
    float: left;
    margin-bottom: 0rem;
    width: 100%;
}

.ff-list li .TEXTBOX {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 1rem 1.5rem;
	   background: #fff; height: auto;padding-bottom:0; margin-bottom:-0;

}
.ff-list li .IMGBOX {
    position: relative;
    width: 100%;
    height:auto;
    overflow: hidden;
}

.ff-list li .TEXTBOX h1{ display: none;}
.ff-list li .TEXTBOX span { display: none;}
.ff-list li .TEXTBOX p{    margin-bottom: 0.6rem;
    height: 68px;
    overflow: hidden;
	    font-size: 0.75rem;

  }

.ff-list .tabox{ display: none;}
.ff-list .taboxright{ display: none;}

.tab .list > li .box {
	    display: block;
    padding: 0 0.8rem 0 0;
    text-align: left;
    font-size: 0.75rem;
	}

.videp-open .layui-layer-setwin {position: absolute; right: 0px; top: -50px; font-size: 0; line-height: initial; width: 50px; height: 50px; background:none;}
.event-open .layui-layer-setwin {position: absolute; right: 16px; top: 0; font-size: 0; line-height: initial; width: 50px; height: 50px; background:none;}
.event-open .layui-layer-content {width: 100%; padding-bottom: 90%; height: 0; background: #fff;}
.event-open .layui-layer-setwin .layui-layer-close2 { position: absolute; right:0; top: 0; width: 50px; height: 50px; margin-left: 0;background: url(../img/eventoff2.png) no-repeat;background-position: 0px 0px; cursor: pointer;}
.videp-open2 .layui-layer-setwin {position: absolute; right: 0px; top: -50px; font-size: 0; line-height: initial; width: 50px; height: 50px; background:none;}
.event-open2 .layui-layer-setwin {position: absolute; right: 16px; top: 0; font-size: 0; line-height: initial; width: 50px; height: 50px; background:none;}
.event-open2 .layui-layer-content {width: 100%; padding-bottom: 90%; height: 0; background: #fff;}
.event-open2 .layui-layer-setwin .layui-layer-close3 { position: absolute; z-index:999; right:0; top: 0; width: 50px; height: 50px; margin-left: 0;background: url(../img/eventoff2.png) no-repeat;background-position: 0px 0px; cursor: pointer;}

.layui-layer-iframe {
     overflow-y:visible;
    -webkit-overflow-scrolling: touch;
}
.videp-open .layui-layer-setwin .layui-layer-close2 {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50px;
    height: 40px;
    margin-left: 0;
    background: url(../img/eventoff2.png) no-repeat;
    background-position: 0px 0px;
    cursor: pointer;
}


.footer{/* margin-top:3rem;*/}

.footer ,.footer a{
    font-size: .5rem;

}
.footer .footerleft{ width:25%; float:left;}

.footer .lx-list li h1{ font-size:0.9rem;}
.footer .lx-list li .dafter{    margin: 0.5rem 0; width:24px;}
.footer .footerright{ width:75%; float:left; font-size:10px;}

.footer .footerright1{ width:75%; float:left; display:none}
.footer .footerright2{ width:75%; float:left; display:block; font-size:10px;}


.container { 
    max-width: 100%;
    margin: 0 auto;
    padding: 0 2%;
}

.lx-box-width { padding:0 8%}
.topmenu-box-width { padding:0 6%}

.tab{ width:100%; background:#EFEFEF;    padding: 2rem 0;
}
.profilebox{   padding:  0;}

.tabbg {width: 100%;
margin:0 auto;
    background:#EFEFEF;
	padding:0 4%;
	}

.searchmb{ margin-top:3.25rem; padding:0 2%;}

.oursevice-list li{ width:100%}
	.oursevice-list .libg{ width:100%}
	.oursevice-list .libg1{ width:100%}
	.oursevice-list .libg2{ width:100%}
.sy-abtxt{ width: 100%;}
	.sy-abtxt{ width: 100%; font-size: .875rem;}
	.brand-box h2{ line-height: 3rem;}
	.brand-box h2 span{ display: none;}
	.brand-box h2 strong{ display: inline-block;font-weight: 400;}
	.value-txt{ width: 100%;}
	.value-txt h2{ font-size: 1.5rem;}
	.b-nav a{ padding: 0 .5rem;}
	.value-txt{  padding:3rem 1rem}
	.lx-list .liw1{ width: 100%; margin-left: 0 !important;}
	.lx-list .liw2{ width: 100%; margin-left: 0 !important;}
	.lx-list .liw3{ width: 100%; margin-left: 0 !important;}
.lx-box{ display:none;    margin-top: 2rem;}
.lx-box-index{ display: block;    margin-top: 2rem;}
	.title{ padding-top: 1rem; margin-bottom: 1rem;}
	.title h2{ font-size: .85rem; border-bottom: 0px #f6f6f6 solid}
	.case-box,.oursevice-box,.customers-box{ padding-bottom: 0rem;}
	.brand-box .box1{ padding: 2rem 1rem;}
	.sub-list li{ width: 50%; margin-bottom: 1rem;}
	.sub-list li a{ width: 90%; padding: .3rem 0;}
	.new-list li span{ display: none;}
	.new-list li{ padding: 1rem 0;}
	.nav{ display: none;}
	.nav-logo{ display: block;}
	.navbar{ height: 3.25rem;}
.logo img {
    height: 2rem; margin-top: .6rem;
}
	.ad{ margin-top: 3.25rem;}
	.service-list li,.oursevice-list li{ margin-top: 0rem;}	
	
		/*关于我们－公司简介*/
		
		.sy-about{  background:#EFEFEF;}
.aboutus-list-box{  background:#ffffff; padding:0 4%; padding-top:1rem;}
.aboutus-list-box2{   padding:0}

.aboutus-box {
    padding-bottom: .75rem;
    margin: 0 2.15%;
}

	.aboutus-list-box .aboutus-list li {
    float: left;
    font-size: .85rem;
    text-align: left;
    width: 100%;
    padding: 1rem 0;
    color: #898989;
    margin-bottom: -0.75rem;
	
}

	.aboutus-list-box2 .aboutus-list li {
    float: left;
    font-size: .85rem;
    text-align: left;
    width: 100%;
    padding:0;
    color: #898989;
    margin-bottom: -0.75rem;
	
}
		.aboutus-list .enfont p{font-size: 1rem;}

		.aboutus-box .libg0{ display: block;    margin-bottom: 1.5rem;clear:both;  }
	.aboutus-box .libg0 .aboutus-list .profilepic{ min-height:200px;height:200px; background:#3E3A39}

		.aboutus-box .libg0 .aboutus-list .profilepic{ width: 100%;max-width: 100%; vertical-align: top;display:block;}
		.aboutus-box .libg0 .aboutus-list .profilepicbg{ background:none; display:block; clear:both; }


#owl-demo4 .owl-controls {
    margin-top: -1.5rem !important;
}


	/*关于我们－经营理念*/
	
	.idea-boxbg{ background:#EFEFEF; padding:1.5rm 0}
	.idea-list-boxleft{ width:40%; float:left}
	
.idea-list li .idea-list-boxleft	 .bg01 {
    background: url(../img/01bg.png) no-repeat;
	 background-size:80%; background-size:contain;}
.idea-list li .idea-list-boxleft	 .bg02 {
    background: url(../img/02bg.png) no-repeat;
	 background-size:80%; background-size:contain;}
	 .idea-list li .idea-list-boxleft	 .bg03 {
    background: url(../img/03bg.png) no-repeat;
	 background-size:80%; background-size:contain;}

.idea-list li .idea-list-boxleft		 h1 {
    font-size: 0.8rem;
	    color: #000000;
    margin-top: 0;
    margin-left: 0;
    width: 100%;
        height: 5rem;
    line-height: 5rem;
    font-family: "ITCAvantGardeStd-Bold";
    text-indent: 1px;
    letter-spacing: -0.5px;
	white-space:nowrap;
} 
	 .idea-list li span ,.idea-list li p{
    min-height: 2.2rem;
    display: block;
    font-size: 9px;
}


	.idea-list-boxright{ width:60%; float:left;    padding-left: 2%;}

	
	.idea-list li{ float:left; font-size: 1rem; text-align: left;  margin-top: -1rem;  width: 100%;
	border-right: none;
 border-bottom:1px solid #C4C4C4; 
    color: #898989;
	padding-bottom:1rem;
	margin-bottom:-1rem;
    padding: 5rem 0.5rem 2.5rem 0.5rem;

	}
							/*aboutus-ourteam*/			

	
.ourteam-list li .TEXTBOX{ padding:10% 0% 0% 3%;  position: relative; width:50%;overflow: hidden; }
.ourteam-list li .TEXTBOX li{    padding-left: 0.5rem;
}
.ourteam-list li .TEXTBOX .nameen {
    font-size: 1.25rem;
    border-right: 1px solid #A2A2A4;
    height: 1.25rem;
    line-height: 1.25rem;
    padding-right: 0.5rem;
    font-weight: bold;
    display: inline-block;
    background: none;
}
	
.ourteam-list li .TEXTBOX h1{ color:#4D4C4A; font-size:1rem;     height: 1.55rem;
    line-height: 1.25rem;
  font-family:'Microsoft YaHei'; font-weight:100;display: inline-block;}
.ourteam-list li .TEXTBOX h2{ color:#4D4C4A; font-size:9px; line-height:0.9rem; padding-top:.2rem; font-weight:100; }
.ourteam-list li .TEXTBOX p{ color:#4D4C4A; font-size:9px;line-height:0.9rem; font-weight:100; }
.ourteam-list li:hover  .TEXTBOX2 {  filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;  opacity: 1; display: block; padding:10% 0% 0% 5%;  position: relative; width:50%;overflow: hidden; }
	.ourteam-list li:hover  .TEXTBOX2 > div {  display: inline-block !important;
    vertical-align: middle;}

	
	.ourteam-list li .TEXTBOX2 p{     color: #4D4C4A;
    font-size: 9px;
    font-weight: 100;
    max-height: 108px;
    overflow: hidden;
    line-height: 100%;
    letter-spacing: 0px;
 font-family:'Microsoft YaHei';
    padding-right: 15px;
}

	
	
							/*aboutus-DAILY LIFE*/			

	
.LIFE-list{justify-content: space-between; overflow:hidden;

}
.LIFE-list li{
    clear: none;
    display: inline-block;
    position: relative;
    background: #000;
    overflow: hidden;
    float: left;
    margin-bottom: 1%;
    width: calc(98%/2);
    margin-right: 1%;
}

.LIFE-list li:nth-child(3n) {
    margin-right: 1%;
}

.LIFE-list .lastitem {display:block; overflow:hidden
}

.about-team-btn2{   width: 100%;    display: inline-block; text-align:center; left:auto;
    bottom: 50%;
	margin-bottom:-1.125rem;

}


.about-team-btn2 a{    background: none;
    border: 1px solid #a7a7a7;
    color: #fff;
    display: inline-block;
/*    height: 2.125rem;
*/	    padding: 0 20px;
	       height: 1.75rem;
    line-height: 1.75rem;
    font-size: 12px;

}

.about-team-btn2 a:hover {
    background: #fdd000;
    border: 1px solid #fdd000;
    color: #232326;
}
.about-team-btn{ display:none}

.LIFE-list li  img{ width: 100%;max-width: 100%;vertical-align: top;display:block;}


.LIFE-list li a:hover img{ filter:alpha(opacity=30);   -moz-opacity:0.3;   -khtml-opacity: 0.3;  opacity: .3; transform: scale(1.2,1.2);}
.LIFE-list li a:hover .fa-txt{  filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;  opacity: 1; font-size: 1.25rem;    font-family:"ITCAvantGardeStd-Bold" }

.fa-txt2 h1{ font-size:12px; color:#fff; font-weight:bold;}
.fa-txt2 h2{ font-size:12px; color:#fff; font-weight:bold;height: 12px;}
.fa-txt2 .time{ font-size:9px; color:#fff; font-weight:100;}

	
	
}
@media (device-width:320px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s/5/5s */

.navbar{ position:absolute;}
.infotoptextmbtop{ display:block; position: absolute;  top: 0.5rem;
  left:2%; width:100%;
  z-index:999; color:#fff; font-weight:bold;
}.infotoptextmbtop h1{ font-size:1.25rem; }

.infotoptext{ display:none}
.navbar .logo ,.navbar  .mobile-inner-header-icon{ display:none;}

#videopic {height:100%;background-size: cover;z-index: 8; margin-top:0.5rem; margin-bottom:1rem; position:relative;}
 #videopic .paly-box a.paly { width: 70px; height: 70px; background-image:url(../static/img/move_paly.png); position: absolute; margin: 0 auto; left: 0; right: 0; top: 50%; margin-top: -35px;background-repeat: no-repeat; background-position: 0 0;}

	#ckplayer_a1 { width: 100%; height: 100%; position: relative;min-height:220px; clear:both; left: 0; top: 0; margin-top:0rem; margin-bottom:1rem}

.navbar,footer,.lx-box { display: block; }
/*.infoboxbg{ background:#232227; width:100%; }
*/

.infoboxbg{ background:#fff; /*width:100%; */}
.infoboxbg h1{ color:#232325; margin-top:1rem; font-weight:bold;  }
.infoboxbg h2{ color:#4C4948; }

.infoboxbg h2:before,
.infoboxbg h2:after{
    display: table-cell;
    content: '';
    width: 50%;
    background: -webkit-linear-gradient(#C0C0C0,#C0C0C0) repeat-x left center;
    background: linear-gradient(#C0C0C0,#C0C0C0) repeat-x left center;
    background-size: 1px 1px;
}
.infoboxbg p{ margin-bottom:1.5rem;}

.infoboxbg .infoboxtabox {

    border-bottom: 0px #FDD100 solid;
    width: 100%;
    clear: both;
/*	font-size:8px;
*/}


.infobox h2{ color:#4C4948; }

.infobox h2:before,
.infobox h2:after{
    display: table-cell;
    content: '';
    width: 50%;
    background: -webkit-linear-gradient(#C0C0C0,#C0C0C0) repeat-x left center;
    background: linear-gradient(#C0C0C0,#C0C0C0) repeat-x left center;
    background-size: 1px 1px;
}


.infoboxtabox li {
  /*  margin-right: 1.5rem;*/}



.ny-abwel h1 {

    width: 65%;
}

.ny-abwel h2 {

    width: 35%;
}
.container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 4%;
}
/* 导航指示*/

.sy-abwelbox{ display:block;  width: 100%; background:#fff;}
.sy-abwel-bottom{ display:none}
.sy-abwel{  width: 90%;} 
.ny-abwelbox{ display: block;  width: 100%; background:#fff;}
.ny-abwel {  width: 90%;} 

.sy-abtxt{ width: 96%; background: #efefef; padding:8% ; margin-top:0rem;}

.oursevice-list li{ width:100%}
	.oursevice-list .libg{ width:100%}
.oursevice-list li img { width:90%}

	.brand-box h2{ font-size: 1.5rem; font-weight: 400;}
	.value-txt{ width: 70%; margin: 0 auto;}
	.lx-list li{ width: calc(50% - .5rem); margin-bottom: 1rem;}
	.lx-list li:nth-child(3){
		margin-left: 0;				float:none;

	}	
	.ab-btn{text-align: center;}
	.ab-btn a{ width: 50%; max-width: 10rem;}
	.al-list li{ width: 50%;}
	.lx-list li {width:100%;}
	.lx-list li span ul li{width: calc(100%/4 - 1rem);}
	
	.l-box{ width: 100%;padding: 1rem;}
	.r-box{ width: 100%; margin-top: 1rem;padding: 1rem;}
	.al-dbox .al-list li{ width: 50%;}
	.sjzt-pc-responsibility .item-bock {
    width: calc(100%/3);
    padding: 0px;
    border-right: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    float: left;
}
	.sjzt-pc-responsibility .item-bock .img {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
	.sjzt-pc-responsibility .item-bock .img img {
    width: 100%;
}	

.sjzt-pc-responsibility .item-bock:nth-of-type(3n) {
border-right: 0;}


/*案例*/

.case-btn a{  width: 35%; background: none; border:1px  solid #232326; color: #232326;}
.ff-list li .TEXTBOX {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 1rem 1.5rem;
}
.ff-list li .IMGBOX {
    position: relative;
    width: 100%;
    height:auto;
    overflow: hidden;
}

.ff-list li .TEXTBOX h1{ display: none;}
.ff-list li .TEXTBOX span { display: none;}

.ff-list li .TEXTBOX p{ margin-bottom: 0rem;  }
.ff-list .tabox{ display: none;}
.ff-list .taboxright{ display: none;}

.lx-box{/* display:none;*/    margin-top: 2rem;}
.footer{/* margin-top:3rem;*/}

.footer ,.footer a{
    font-size: .5rem;

}

.container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 4%;
}

.oursevice-list li{ width:100%}
	.oursevice-list .libg{ width:100%}
	.oursevice-list .libg1{ width:100%}
	.oursevice-list .libg2{ width:100%}
.oursevice-list li img { width:90%}
.sy-abtxt{ width: 100%;}
	.sy-abtxt{ width: 100%; font-size: .875rem;}
	.brand-box h2{ line-height: 3rem;}
	.brand-box h2 span{ display: none;}
	.brand-box h2 strong{ display: inline-block;font-weight: 400;}
	.value-txt{ width: 100%;}
	.value-txt h2{ font-size: 1.5rem;}
	.b-nav a{ padding: 0 .5rem;}
	.value-txt{  padding:3rem 1rem}
	.lx-list .liw1{ width: 100%; margin-left: 0 !important;}
	.lx-list .liw2{ width: 100%; margin-left: 0 !important;}
	.lx-list .liw3{ width: 100%; margin-left: 0 !important;}
.lx-box{/* display:none;*/}
	.title{ padding-top: 1rem; margin-bottom: 1rem;}
	.title h2{ font-size: 1.4rem; border-bottom: 0px #f6f6f6 solid}
	.case-box,.oursevice-box,.customers-box{ padding-bottom: 0rem;}
	.brand-box .box1{ padding: 2rem 1rem;}
	.sub-list li{ width: 50%; margin-bottom: 1rem;}
	.sub-list li a{ width: 90%; padding: .3rem 0;}
	.new-list li span{ display: none;}
	.new-list li{ padding: 1rem 0;}
	.nav{ display: none;}
	.nav-logo{ display: block;}
	.navbar{ height: 3.25rem;}
	.logo img{ height: 2.75rem;  margin-top: .25rem;}
	.ad{ margin-top: 3.25rem;}
	.service-list li,.oursevice-list li{ margin-top: -2.5rem;}

}


	
		.banners-pc { clear: both;  height:100vh;    overflow: hidden;  }
		.banners-pc .frame { height:100%;     background: no-repeat center center; background-size: cover; position:relative; padding: 0 8%;}

		.banners-mb { display: none; clear: both; height: 100vh;    overflow: hidden;  }
		.banners-mb .frame {  height:100%;   background: no-repeat center center; background-size: cover;  position:relative;  padding: 0 8%;}

		@media (max-width: 1024px) {
			.banners-pc {display: none;}
			.banners-mb {display: block;}
		}